<template>
  <div class="PreSale">
    <van-tab :title="this.obj.text">
      <!-- 轮播图 -->
      <van-swipe :autoplay="3000">
        <van-swipe-item
          v-for="(image, index) in this.obj.images"
          :key="index"
          @click="$router.push('/list')"
        >
          <img v-lazy="image" />
        </van-swipe-item>
      </van-swipe>
      <!-- /轮播图 -->
      <!-- 单元格 -->
      <div class="onCell" sticky>
        <van-cell
          :title="v.text"
          is-link
          v-for="(v, index) in this.obj.children"
          :key="index"
          @click="$router.push('/list')"
        />
      </div>
      <!-- /单元格 -->
    </van-tab>
  </div>
</template>

<script>
export default {
  props: {
    obj: [Object],
  },
  data() {
    return {};
  },
};
</script>

<style scoped lang="less">
.PreSale {
  /deep/.van-swipe-item {
    height: 150px;
    img {
      width: 100%;
      background-size: cover;
      // flex: auto;
    }
  }
  // 轮播图
}
</style>
